<header>
  <div class="head-left" (click)="goBack_onclick();">
    <i class="fa fa-chevron-left"></i>
  </div>
  <div class="head-content">
    <span>借阅记录</span>
  </div>
  <div class="head-right">
    <i class="fa fa-trash-o"></i>
  </div>
</header>

<div class="content-bookcase">

  <div class="box" *ngFor="let item of borrowRecords;">

    <div class="book-item" [@aroAnimation]="'flyIn'">
      <img src="{{item.BookImage}}" alt="">
      <div class="desc">
        <div class="book-name">{{item.BookName}}</div>
        <div class="book-author">{{item.AuthorName}}</div>
        <div class="book-publisher">{{item.PublisherName}}</div>
      </div>
    </div>

  </div>

</div>


<div class="content-bookcase" *ngIf="!readerId">
  <div class="tips-img">
    <img src="../../../../assets/img/empty2.png" alt="">
  </div>
  <div class="tips-word" (click)="goLogin_onclick();">
    <button mat-button>-点此登录可查看借阅记录-</button>
  </div>
</div>
